<!-- 
작성자 : 1403 김종민
작성일 : 7월 9일 오후 8시 40분
내용 : 메인메뉴폼에서 더보기탭클릭시 로그인관리, 메세지함, 1:1문의, 설정, 공지사항 폼 제공 
-->


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>ETC</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name='viewport' content='width=divice-width, initial-scale=1'>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"/>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

</head>
<body>

<% 
	String sessionID = (String)session.getAttribute("mid"); // 세션아이디를 가져오는 작업
%>

<div data-role='page' id='ectmain' data-fullscreen='true'>
	<div data-role='header' align='center' data-add-btn-back='true'><h3>더보기</h3>
		<div data-role='navbar' data-type='horizontal' >
			<ul>
			<%if(sessionID == null || sessionID == ""){ %>
				<li><a href='Login.jsp'  data-rel='dialog' data-transition='flip' data-icon='lock'><h4>로그인</h4></a></li>
				<li><a href='message.jsp' data-transition='slide' data-icon='mail'><h4>메시지</h4></a></li>
				<li><a href='#' data-icon='comment'><h4>1:1문의</h4></a></li>
				<li><a href='#' data-icon='gear'><h4>설정</h4></a></li>
				<li><a href='list.jsp' data-transition='slideup' data-icon='alert'><h4>공지사항</h4></a></li>
			<%}else{ %>
				<li><a href='Logininfo.jsp' data-rel='dialog' data-transition='slide' data-icon='user'><h4>로그인관리</h4></a></li>
				<li><a href='message.jsp' data-transition='slide' data-icon='mail'><h4>메시지</h4></a></li>
				<li><a href='#' data-icon='comment'><h4>1:1문의</h4></a></li>
				<li><a href='#' data-icon='gear'><h4>설정</h4></a></li>
				<li><a href='list.jsp' data-transition='slideup' data-icon='alert'><h4>공지사항</h4></a></li>
			<%} %>
			</ul>
		</div>
	</div>
	<div data-role='content'>
		<div class='content2'>
				<a href='#' data-role='button' text-align='center'>트레이닝 시작</a>
		</div>
	</div>
	<div data-role='footer' data-id=foot' data-position='fixed'>
		<div data-role='navbar' data-type='horizontal'>
			
			<ul>
				<li><a href='index.jsp' data role='button' data-icon='edit'>커뮤니티</a></li>
				<li><a href='page2.jsp' data role='button' data-icon='heart'>셀프 운동</a></li>
				<li><a href='#' data role='button' data-icon='location'>위치 정보</a></li>
				<li><a href='#' data role='button' data-icon='star'>즐겨찾기</a></li>
				<li><a href='ect.jsp' data role='button' data-icon='bullets' class='ui-btn-active ui-state-persist'>더보기</a></li>
			</ul>
		</div>
	</div>
</div>

<!-- <script src="../js/jquery.avgrund.js"></script>
	<script>
	$(function() {
		$('#show').avgrund({
			height: 200,
			holderClass: 'custom',
			showClose: true,
			showCloseText: 'Close',
			enableStackAnimation: true,
			onBlurContainer: '.container',
			template: '<p>So implement your design and place content here! If you want to close modal, please hit "Esc", click somewhere on the screen or use special button.</p>' +
			'<div>' +
			'<a href="http://github.com/voronianski/jquery.avgrund.js" target="_blank" class="github">Avgrund on Github</a>' +
			'<a href="http://twitter.com/voronianski" target="_blank" class="twitter">Twitter</a>' +
			'<a href="http://dribbble.com/voronianski" target="_blank" class="dribble">Dribbble</a>' +				
			'</div>'
		});
	});
	</script> -->
	
</body>
</html>